import React from "react";
import { Card, WingBlank, WhiteSpace ,Flex } from 'antd-mobile';
import 'antd-mobile/dist/antd-mobile.css';

export default class Fund_exchange extends React.Component{
    render() {
        return(
            <div className='fund_exchange'>
                <h2 style={{fontSize:'18px',fontWeight:'bold',margin:'0  0  0 5px',lineHeight:'34px',borderBottom:'0.5px solid lightgray'}}>模拟交易</h2>
                <div style={{margin:'10px 0 0 0',padding:'0'}}>
                    <Flex className="f_f_school" style={{width:'100%',height:'50px'}}>
                        <Flex.Item
                            className="f_f_school_item"
                            style={{width:'25%',height:'100%',textAlign:'center',zIndex:'100'}}
                            onClick={() => {
                                window.location.href = '#/terran/fundschoolsimulationgame'
                            }}>
                                <img style={{height:'50%',width:'auto'}} src={[require("../../../imgs/fund_school/收益挑战.png")]} />
                                <br/>
                                <span>收益挑战</span>
                        </Flex.Item>
                        <Flex.Item
                            className="f_f_school_item"
                            style={{width:'25%',height:'100%',textAlign:'center',zIndex:'100'}}
                            onClick={() => {
                                window.location.href = '#/terran/fundschoolreturnchallenge'
                            }}>
                            <img style={{height:'50%',width:'auto'}} src={[require("../../../imgs/fund_school/模拟大赛.png")]}/>
                            <br/>
                            <span>模拟大赛</span>
                        </Flex.Item>
                        <Flex.Item
                            className="f_f_school_item"
                            style={{width:'25%',height:'100%',textAlign:'center',zIndex:'100'}}
                            onClick={() => {
                                window.location.href = '#/terran/fundschool'
                            }}>
                            <img style={{height:'50%',width:'auto'}} src={[require("../../../imgs/fund_school/我的模拟.png")]} />
                            <br/>
                            <span>我的模拟</span>
                        </Flex.Item>
                    </Flex>
                </div>

            </div>
        );
    };
};
